<link rel="stylesheet" href="/css/other.css" type="text/css" />

<% @category = Cip::Category.find_by(slug: 'industrial-base') %>
<%= render "cip/pages/banner" %>
<div class="grid ovf clear">
  <div class="main-box fl">
    <div class="fl main"><h1 class="ph"><%= @category.title %><small><%= @category.metadata && @category.metadata['副标题'] %></small></h1></div>
    <span class="fr c49 f14"> <a href="/">首页</a> > <%= @category.title %></span>
  </div>

  <% @pages = @category.pages.order(:position).first(4) %>

  <div class="jd-box clear fl">
    <ul>
      <% @pages.each do |page| %>
        <li>
          <h2 class="f14 fyh b"><%= page.title %></h2>
          <p><img src="<%= page.avatar.url(:medium) %>" width="260" height="147"></p>
          <p class="lh18 c8a txt" style="height:50px;"><%= page.metadata && truncate(page.metadata['页面简介'], length: 80) %></p>
          <p><a class="view-more" href="<%= page.url %>">了解更多+</a></p>
        </li>
      <% end %>
    </ul>
  </div>
</div>

